/* .form-control-plaintext,
.form-control {
  width: 50%;
} */

input {
  outline: none;
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
}

.personal-form {
  margin: 6rem auto 1rem auto;
  width: 80%;
}

/* #region 头像修改 */
.wrap-personal-portrait {
  position: relative;
}

.personal-portrait {
  border-radius: 50%;
  width: 120px;
  position: relative;
  top: -10px;
  display: block;
  margin-bottom: 1rem;
}

#mask-opacity-portrait {
  z-index: 3;
  position: absolute;
  opacity: 0.01;
  cursor: pointer;
  visibility: visible;
}

#word-mask-portrait {
  padding: 38px 25px;
  color: white;
  font-size: 1rem;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  visibility: hidden;
}

#mask-portrait {
  z-index: 1;
  position: absolute;
  opacity: 0.2;
  cursor: pointer;
  visibility: hidden;
}
#img-personal-portrait {
  z-index: 0;
}

.wrap-wrap-default-portrait {
  margin-bottom: 2rem;
}

.wrap-default-portrait {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.wrap-default-portrait img {
  border-radius: 50%;
  width: 5rem;
  margin: 0.8rem 1rem;
}

.active-portrait {
  box-shadow: 0px 0px 15px #222222;
}

/* #endregion */

.lb-blod {
  font-size: 1.1rem;
}

.wrap-modifybutton,
.a-info-editor {
  padding: 7px 15px;
}

.wrap-progress {
  padding: 15px;
  width: 80%;
}

.form-control-plaintext {
  color: rgba(0, 0, 0, 0.5);
}

#wrap_messagecode {
  padding: 0 4rem;
}

.wrap-messagecode-update {
  margin-top: 1rem;
}

.errinfo-login {
  font-size: 0.5rem;
  color: #dc3545;
  margin: 0.2rem auto 0.2rem auto;
  visibility: hidden;
}
